<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>PVP_hall</title>
    <link href="css/PVP_hall.css" rel="stylesheet" type="text/css" />
    <link rel="stylesheet" type="text/css" href="css/jquery.sinaEmotion.css">
	<!--<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    -->
     <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	 <script type="text/javascript" src="js/jquery.sinaEmotion.js"></script>
	<script type="text/javascript" src="js/cheat.js"></script>
    <script type="text/javascript" src="js/CreatRoom.js">
	</script>
 	<script type="text/javascript" src="js/halltree.js">
	</script>
    <script type="text/javascript" src="js/pshow.js">
	</script>
	<script type="text/javascript" src="js/personnalcheat.js">
	</script>
    
</head>

<body>
<div id="roomlist">
<table id="roomtable" >
  <tr id="tablelist">
    <th scope="col">房间名</th>
    <th scope="col">座位</th>
    <th scope="col">进入等级</th>
    <th scope="col">出手时间</th>
    <th scope="col">人数</th>
    <th scope="col">状态</th>
    <th colspan="2" scope="col">操作</th>
  </tr>
  <tr >
    <td>房间01</td>
    <td>随机模式</td>
    <td>无限制</td>
    <td>30s</td>
    <td>1</td>
    <td>等待中</td>
    <td><a href="PVP_room.html"><button type="button" id="goto">进入</button></a></td>
    <td><button type="button" id="goto">观战</button></td>
  </tr>
</table>
</div>
<div id="spanpage">
    <div id="leftspan" ><img src="images/leftspand.png" width="30" height="30" /></div>
    <div id="rightspan"><img src="images/rightspand.png" width="30" height="30" /></div>
    <div id="creatroom">
    	<button type="button" id="btcr">创建房间</button>
    </div>
</div>

    <div id="blanks"></div>
    <div id="roomcreat">

        <form action="#" method="post">
        <h1>创建房间</h1>
        <fieldset>
        <legend>Personal information:</legend>
        房间名：<br />
		<input type="text" name="RoomID" id="roomname">
        <br />
        <br />
		模式：
		<input type="radio" name="pattern" value="先手">先手
        <input type="radio" name="pattern" value="后手">后手
        <input type="radio" name="pattern" value="随机">随机
        <br />
        <br />
        等级限制：
		<input type="radio" name="rank" value="无限制">无限制
        <input type="radio" name="rank" value="匹配">与自身匹配
        <br />
        <br />
        出手时间：
		<input type="radio" name="roundtime" value="15s">15s
        <input type="radio" name="roundtime" value="30s">30s
        <input type="radio" name="roundtime" value="60s">60s
        <br />
        <br />
		<button type="button" id="creatroombt">创建</button>
        
        </fieldset>
        </form>
        <div id="btnclose">
     <img src="images/close.png" id="btnc"/>
    	</div>
    </div>



<div id="cheat">
<form action="">
      <fieldset>
      <legend>cheat:</legend>
                 <div id="out" ></div>
	  <textarea class="emotion" cols="30" rows="1" id="cheattext"></textarea>
      <input id="face" type="button" value="表情" >
      <input id="analytic" type="button" value="发送">
   
      </fieldset>
      </form>
</div>

<div id="rightarea">
	<div id="personnalmessage">
		<div id="personnalimg"><img src="images/u196.jpg" width="150" height="200" /></div>
		<div id="personnaltxt"><table  border="0">
  <tr>
    <th scope="row">昵称：</th>
    <td>0-0</td>
  </tr>
  <tr>
    <th scope="row">积分：</th>
    <td>5000</td>
  </tr>
  <tr>
    <th scope="row">等级：</th>
    <td>大师</td>
  </tr>
  <tr>
    <th scope="row">胜场：</th>
    <td>500</td>
  </tr>
  <tr>
    <th scope="row">胜率：</th>
    <td>100%</td>
  </tr>
</table>
		</div>
	</div>
    <div id="hallmassage">
        <div id="hallpersoncircle">
        	<p id="personhall"><img src="images/rightarrow.png" / id="phimg1"><img src="images/downarrow.png" id="phimg2" />大厅人数（在线人数：....）</p>
        	<ul id="hallperson">
                <li>-0-</li>
                <li>@-@</li>
            </ul>
            <p id="friendsmy"><img src="images/rightarrow.png" / id="mfimg1"><img src="images/downarrow.png" id="mfimg2"/>我的好友(3/8)</p>
            <ul id="myfriends">
            	<li id="one">好友1</li>
                <li>好友3</li> 
                <li class="lixian">好友2</li>
            </ul>
        </div>
        <div>
        <button type="button" id="bttuon">blink</button>
        </div>
        
        <div id="exit">
        	<a href="index.html" style="color:#FFFFFF;">退出</a>
        </div>
    </div>
</div>


<div id="personinthehall">
    <div id="up">
        <div id="head">
            <img src="images/u492.jpg" width="106" height="106" />
        </div>
        <div id="name">
                <div id="nme">昵称：</div><div id="nm">0-0</div>
        </div>
        <div id="rank">
                <div id="rnk">等级：</div><div id="rk">大师</div>
        </div>
    </div> 
    <div id="down">               
        <div id="score">
            <div id="sore">积分：</div><div id="sre">5000</div>
        </div>
        <div id="wingames">
            <div id="wgs">胜场：</div><div id="ws">500</div>
        </div>
        <div id="winrate">
            <div id="wrt">胜率：</div><div id="wt">100%</div>
        </div>
     </div>
     
     <div id="fadd">

        <button id="friendadds">添加好友+</button>
 		<button type="button" id="cheatpersonnal">私聊</button>
        <button type="button" id="frienddelete">删除好友-</button>  
     </div>
     <div id="fem">
     <em id="tianjia">添加好友成功</em>
     <em id="shanchu">删除好友成功</em>
     </div>
     <div id="btpsithclose">
    <img src="images/close.png" id="btpsithc"/>
     </div>
</div>



<div id="personnalcheat">
	<div id="personnalname">
    	<ul id="psn">
        	<li id="nm123">123<img src="images/closecheat.png" id="m123"/></li>
            <li id="nm323">323<img src="images/closecheat.png" id="m323"/></li>
        </ul>
    </div>
	<div id="textout">
    	<div id="dnm123"></div>
        <div id="dnm323"></div>
    </div>
    <div id="textin">
    	<textarea  cols="30" rows="1" id="intext"></textarea>
        <input id="pface" type="button" value="表情" >
        <input id="sent" type="button" value="发送">
    </div>
    <div id="close">
    	<img src="images/close.png" id="closeimg" />
    </div>
</div>

    
<script type="text/javascript">
	// 绑定表情
	$('#face').SinaEmotion($('.emotion'));
	$('#pface').SinaEmotion($('#intext'));
</script>


    	
</body>
</html>
